<style scoped>
.driver_me >>> .van-cell {
    padding-top: 20px;
    padding-bottom: 20px;
}
.driver_me >>> .msg_tag {
  position: relative;
  top: -10px;
  left: 3px;
}
</style>
<template>
  <div class="driver_me fixed">
    <van-nav-bar title="我的" left-arrow @click-left="$router.back()">
      <template #right>
        <van-icon
          size="22px"
          color="#000"
          name="wap-home-o"
          @click="$router.push('/driver_lobby')"
        />
      </template>
    </van-nav-bar>
    <!-- <div class="user_info">
        <van-image
          round
          width="80px"
          height="80px"
          :src="$baseURL + $store.state.userInfo.head_photo"
          @click="$router.push('/per')"
        />
        <p>{{ $store.getters.filterPhone }}</p>
        <p style="color:#999;">请先登录</p>
      </div> -->
    <div class="menu_list">
      <van-cell
        size="large"
        title="个人信息"
        icon="manager"
        is-link
        value="已认证"
        to="driver_pim"
      />
      <van-cell
        size="large"
        value="900元"
        title="我的余额"
        icon="bill"
        is-link
      />
      <van-cell
        size="large"
        value="950元"
        title="收入统计"
        icon="balance-list"
        is-link
      />
      <van-cell
        size="large"
        value="100人"
        title="我的客户"
        icon="friends"
        is-link
      />
      <van-cell
        size="large"
        value="4.5分"
        title="我的评分"
        icon="star"
        is-link
      />
      <van-cell size="large" value="3条" icon="invition" is-link>
        <!-- 使用 title 插槽来自定义标题 -->
        <template #title>
          <span class="custom-title">消息通知</span>
          <van-tag class="msg_tag" round type="danger">5</van-tag>
        </template>
      </van-cell>
      <van-cell size="large" title="常见问题" icon="question" is-link />
    </div>
  </div>
</template>

<script>
export default {};
</script>